<script>
    $(".myForm").submit(function() {
    //xhr.setRequestHeader('X-CSRF-Token', csrf_token);
    //var data = {'csrfmiddlewaretoken': '{{ csrf_token }}'};
    var data = $('.myForm').serialize();
    $.post("/bouting/{{tournament.id}}/{{event.id}}/{{round.roundNum}}/poolOptions/", data); // do the necessary post here
    return false; // Do not submit the form
});
</script>

<form class="myForm" action="/bouting/{{tournament.id}}/{{event.id}}/{{round.roundNum}}/poolOptions/" method="post">
    {% csrf_token %}
    Pool Options:
    <select name="format">
        {% for option in optionList %}
            <option>{{option}}</option>
        {% endfor %}
    </select>
    <br>
    Adjust For Primary Club Conflicts:<input type="checkbox" name="primary" checked="checked">
    <br>
    Adjust For Secondary Club Conflicts:<input type="checkbox" name="secondary" checked="checked">
    <br>
    Adjust For Name Conflicts:<input type="checkbox" name="name" checked="checked">
    <br>
    Adjust For Division Conflicts:<input type="checkbox" name="division" checked="checked">
    <br>
    <input type="submit" value="Submit" />
</form>
